
.slide-enter-active
  animation: popInLeft 0.3s both

.slide-leave-active
  animation: popOutLeft 0.3s both

.move-enter-active,
.move-leave-active
  transition: all .2s
.move-enter
  transform: translate3d(100%, 0, 0)
.move-leave-to
  transform: translate3d(100%, 0, 0)

.fade-enter-active,
.fade-leave-active
  transition: all .3s
.fade-enter,
.fade-leave-to
  opacity: 0
.scale-enter-active,
.scale-leave-active
  transition: all .25s
.scale-enter
  opacity: 0
  transform: scale(1.1)
.scale-leave-to
  opacity: 0
  transform: scale(0.9)
.sldeup-enter-active,
.sldeup-leave-active
  transition: all .3s
.sldeup-enter,
.sldeup-leave-to
  transform: translate3d(0, 100%, 0)
.rotating
  animation: rotating 10s linear infinite
.slide
  overflow: hidden
  max-height: 0
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1) -0.1s
.animate
  max-height: 9999px
  transition-timing-function: cubic-bezier(0.5, 0, 1, 0)
  transition-delay: 0s
.animated
  -webkit-animation-duration: 1s
  animation-duration: 1s
  -webkit-animation-fill-mode: both
  animation-fill-mode: both


@keyframes fadeIn
  from
    opacity: 0
  to
    opacity: 1
@keyframes popInLeft
  from
    transform: translate3d(100%, 0, 0)
  to
    transform: translate3d(0, 0, 0)
@keyframes popOutLeft
  from
    transform: translate3d(0, 0, 0)
  to
    transform: translate3d(-100%, 0, 0)
@keyframes popInRight
  from
    transform: translate3d(100%, 0, 0)
  to
    transform: translate3d(0, 0, 0)
@keyframes popOutRight
  from
    transform: translate3d(0, 0, 0)
  to
    transform: translate3d(100%, 0, 0)
@keyframes rotating
  from
    transform: rotate(0)
  to
    transform: rotate(360deg)
